<!DOCTYPE html>
<html xmln="http//www.thymeleaf.org" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Suggestion Form</title>
</head>
<body>
<form action="sug" method="get">
  <input type="submit" value="show">
<table class="display table table-bordered" id="hidden-table-info">
  <thead>
  <tr>
    <th>userid</th><br>
    <th>email</th><br>
    <th>tel</th><br>
    <th>body</th><br>
  </tr>
  </thead>
  <tbody>
  <tr class="gradeX" th:each="suggestion:${suggestions}">
    <td th:text="${suggestions.userid}"></td><br>
    <td th:text="${suggestions.email}"></td><br>
    <td th:text="${suggestions.tel}"></td><br>
    <td th:text="${suggestions.body}"></td>
  </tr>
  </tbody>
</table>
</form>


</body>
</html>
<!--&lt;!&ndash;<form action="sugShow" method="get">&ndash;&gt;-->
<!--  <table>-->
<!--    <p>用户建议</p>-->
<!--    <tr>-->
<!--      <td>userid</td>-->
<!--      <td>email</td>-->
<!--      <td>tel</td>-->
<!--      <td>body</td>-->
<!--    </tr>-->

<!--    <tr th:each="suggestion:${suggestions}">-->
<!--      <td th:text="${suggestions.userid}"></td>-->
<!--      <td th:text="${suggestions.email}"></td>-->
<!--      <td th:text="${suggestions.tel}"></td>-->
<!--      <td th:text="${suggestions.body}"></td>-->
<!--    </tr>-->
<!--  </table>-->
<!--&lt;!&ndash;</form>&ndash;&gt;-->
<!-- -&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;&#45;-->
<!--    <output name="userid"></output>-->
<!--    <output name="email"></output>-->
<!--    <output name="tel"></output>-->
<!--<div class="data-container">-->
<!--  <h2>Suggestions</h2>-->
<!--  <form action="sugShow" method="get">-->
<!--  &lt;!&ndash; 这里将动态添加建议信息 &ndash;&gt;-->
<!--  <div id="suggestion-list"></div>-->
<!--  </form>-->
<!--</div>-->
<!--  <style>-->
<!--    body {-->
<!--      font-family: Arial, sans-serif;-->
<!--      margin: 20px;-->
<!--    }-->
<!--    .form-container {-->
<!--      max-width: 400px;-->
<!--      margin: 0 auto;-->
<!--      padding: 20px;-->
<!--      background-color: #f4f4f4;-->
<!--    }-->
<!--    .form-row {-->
<!--      margin-bottom: 15px;-->
<!--    }-->
<!--    .form-label {-->
<!--      display: block;-->
<!--      margin-bottom: 5px;-->
<!--    }-->
<!--    .form-input {-->
<!--      display: block;-->
<!--      width: 100%;-->
<!--      padding: 10px;-->
<!--      border: 1px solid #ccc;-->
<!--    }-->
<!--  </style>-->
